<template>
  <router-view></router-view>
</template>
<style lang="scss">
body {
  margin: 0;
  padding: 0;
}

html,
#app,
body {
  height: 100%;
}

// el-dialog 最小宽度
.dialog-min-width {
  min-width: 400px;
}
.dialog-large-width {
  width: 400px;
}
.dialog-default-width {
  width: 300px;
}
.dialog-small-width {
  width: 200px;
}

// fix 下拉弹出默认被表格覆盖
// .el-dropdown__popper {
//   z-index: 2030 !important;
// }

// 表格搜索区域
.data-grid-search-form {
  background-color: #fff;
  padding-top: 25px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  margin-bottom: 15px;
}

// 表格搜索区域，查询按钮
.showSearchButton {
  //默认隐藏，当屏幕尺寸小于 992 时显示
  display: none;
  text-decoration: none;
}
// 表格容器
.data-grid-container {
  padding: 20px;
  background-color: #fff;
}
.data-grid-config-button {
  text-align: right;
}
.data-grid-config-button .el-icon {
  cursor: pointer;
  color: var(--el-text-color-regular);
}
// 表格标题
.data-grid-header-cell {
  background-color: #fafafa !important;
  color: #666;
}
.data-grid-pagination {
  padding-top: 15px;
}

.w-20 {
  width: 5rem;
}
.w-35 {
  width: 35%;
}
.w-50 {
  width: 50%;
}
.w-70 {
  width: 70%;
}
.w-100 {
  width: 100%;
}
// fix 所有按钮取消圆角
.el-button {
  border-radius: 0;
}
// fix 抽屉标题下边距
.el-drawer__header {
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .hideSearchButton {
    display: none;
  }
  .showSearchButton {
    display: inherit;
  }
}
</style>
